extends ./include/layout
block header 
    include ./include/header
    link( rel="stylesheet" media="all" href="/style/story/readStory.css") 
block sidemenu
    include ./include/sidemenu
block sidebar
    div.sidebar
        div.sidebar-title
        div.sidebar-search
            input.sidebar-search-input(placeholder="搜索关键词")
        div.sidebar-list
            div.sidebar-list-nav
                button.list-nav-item.active 故事列表
            ul.list-wrap( v-if="sidebarDataList")
                li.list-item( v-for="item in sidebarDataList", track-by="$index", v-on:click.prevent="sidebarItemClick(item, $index)" , v-bind:class='{"active": (storyInfo.story_id == item.story_id)}')
                    span {{item.title}} 
            div.sidebar-slide &lt;
block main
    div.main-content.animated.fadeIn( data-story-id="#{story_id}")
        div.main-readStory-title
            p 《{{storyInfo.title}}》
            small 作者:{{authorInfo.user_name}}
        div.main-readStory-body.
            {{{htmlContent}}}
        div.main-readStory-next
            //- button.btn.sm-btn.no-border( v-on:click.prevent="writeStoryChapter(storyInfo.story_id, storyInfo.node_id)" ) 续写故事
            button.btn( v-on:click.prevent="getNodeChaptersInfo(storyInfo.story_id, storyInfo.node_id)" ) 读故事
block footer
    include ./include/footer
    script( src="/javascript/app/story/readStory.js" )
        